/* mobile */
/* CSS based on similar styles provided in book 'Pro Android Web Apps' page 29-33 */

body{
    margin:0px;
    min-height:480px;
    font-family:Arial;
}

form ul{
    margin: 0px;
    padding: 6px;
    list-style-type: none;
}

form ul li{
    margin: 0 0 4px 0;
    -webkit-border-radius: 4px;
    border: 1px solid #666666;
    padding: 4px;
}

form ul li.naked{
    -webkit-border-radius:0px;
    border:0;
    padding:0;
}

input, textarea, button {
    -webkit-appearance: none;
    border: 0;
    /* width:30%; */
}

button[type=submit], button[type=reset]{
    border: 1px solid white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F8F8F8), color-stop(1.0, #AAAAAA));
    -webkit-border-radius:6px;
    -webkit-box-shadow: 0 0 4px #333333;
    width: 100%;
    padding: 6px;
}

h1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #666666), color-stop(0.5, #3A3A3A), color-stop(0.5, #222222), color-stop(1.0,#000000));
    -webkit-box-shadow: 0 2px 1px #AAAAAA;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    font-size:1.1em;
    color:white;
    padding: 10px 8px;
    margin: 6px 6px 6px 6px;
    text-align: center;
}